<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>欢迎页</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/bootstrap.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/font-awesome.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/AdminLTE.min.css">
    <!-- AdminLTE Skins. Choose a skin from the css/skins
         folder instead of downloading all of them to reduce the load. -->
    <link rel="stylesheet" href="${request.contextPath}/statics/css/all-skins.min.css">
    <link rel="stylesheet" href="${request.contextPath}/statics/css/main.css">
    <!-- HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries -->
    <!-- WARNING: Respond.js doesn't work if you view the page via file:// -->
    <!--[if lt IE 9]>
    <script src="https://oss.maxcdn.com/html5shiv/3.7.3/html5shiv.min.js"></script>
    <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
</head>
<body >
<section class="content">
    <div class="row">
        <!--左侧显示信息-->
        <div class="col-md-8">
            <!--待办提醒-->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <i class="fa fa-bullhorn"></i>
                    <h3 class="box-title">待办提醒</h3>
                </div>
                <div class="box-body">
                    <div class="callout ">
                        <h4>订单提醒</h4>
                        <div style="padding-top: 10px;padding-left: 30px">
                            <ul class="list-inline">
                                <li>
                                <span class="info-box-text">待审核
                                 <span data-toggle="tooltip" title="" class="badge bg-red"
                                       data-original-title="待审核">3</span>
                                </span>
                                </li>
                                <li>
                            <span class="info-box-text">待付款
                                 <span data-toggle="tooltip" title="" class="badge bg-red"
                                       data-original-title="待审核">5</span>
                            </span>
                                </li>
                                <li>
                            <span class="info-box-text">待生产
                                 <span data-toggle="tooltip" title="" class="badge bg-red"
                                       data-original-title="待审核">5</span>
                            </span>
                                </li>
                                <li>
                            <span class="info-box-text">待外派
                                 <span data-toggle="tooltip" title="" class="badge bg-red"
                                       data-original-title="待审核">5</span>
                            </span>
                                </li>
                                <li>
                            <span class="info-box-text">待发货
                                 <span data-toggle="tooltip" title="" class="badge bg-red"
                                       data-original-title="待审核">5</span>
                            </span>
                                </li>
                                <li>
                            <span class="info-box-text">待评价
                                 <span data-toggle="tooltip" title="" class="badge bg-red"
                                       data-original-title="待审核">5</span>
                            </span>
                                </li>
                            </ul>
                        </div>

                    </div>
                    <div class="callout ">
                        <h4>售后处理</h4>

                        <div style="padding-top: 10px;padding-left: 30px">
                            <ul class="list-inline">
                                <li>
                                    <span class="info-box-text">退货中的订单
                                        <span data-toggle="tooltip" title="" class="badge bg-red">3</span>
                                    </span>
                                </li>
                                <li>
                                    <span class="info-box-text">退货待处理
                                         <span data-toggle="tooltip" title="" class="badge bg-red">5</span>
                                    </span>
                                </li>
                                <li>
                                    <span class="info-box-text">退货预警单
                                         <span data-toggle="tooltip" title="" class="badge bg-red"
                                               data-original-title="待审核">5</span>
                                    </span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="callout ">
                        <h4>订单中转</h4>

                        <div style="padding-top: 10px;padding-left: 30px">
                            <ul class="list-inline">
                                <li>
                                    <span class="info-box-text">生产单
                                        <span data-toggle="tooltip" title="" class="badge bg-red">3</span>
                                    </span>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="callout ">
                        <h4>商品提醒</h4>

                        <div style="padding-top: 10px;padding-left: 30px">
                            <ul class="list-inline">
                                <li>
                                    <span class="info-box-text">出售中的商品
                                        <span data-toggle="tooltip" title="" class="badge bg-red">3</span>
                                    </span>
                                </li>
                                <li>
                                    <span class="info-box-text">待售中的商品
                                         <span data-toggle="tooltip" title="" class="badge bg-red">5</span>
                                    </span>
                                </li>
                                <li>
                                    <span class="info-box-text">自营商品
                                         <span data-toggle="tooltip" title="" class="badge bg-red"
                                               data-original-title="待审核">5</span>
                                    </span>
                                </li>
                                <li>
                                    <span class="info-box-text">供应商商品
                                         <span data-toggle="tooltip" title="" class="badge bg-red"
                                               data-original-title="待审核">5</span>
                                    </span>
                                </li>
                            </ul>
                        </div>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
            <!--商城经营-->
            <div class="box box-primary">
                <div class="box-header with-border">
                    <i class="fa fa-bar-chart"></i>
                    <h3 class="box-title">商城经营</h3>
                </div>
                <div class="box-body">
                    <div class="callout ">
                        <h4>订单提醒</h4>
                        <div style="padding-top: 10px;padding-left: 30px">
                            <span style="font-weight: bold">商城数据</span>
                            <div style="padding-left: 15px;padding-top: 15px">
                                <p>2018.08.08 星期三</p>
                                <p>
                                    <p>根据商城最近一周的成交净额&nbsp;<font  size="3"  color="red">99999</font>&nbsp;,共计单数为 10000单</p>
                                    <p>
                                        自营门店成交额: &nbsp;<font  size="3"  color="red">10000</font>&nbsp;
                                        第三方店铺成交额: &nbsp;<font  size="3"  color="red">88888</font>&nbsp;
                                    </p>
                                </p>
                            </div>

                        </div>

                        <div style="padding-top: 10px;padding-left: 30px">
                            <span style="font-weight: bold">经营概况</span>
                            <div style="padding-left: 15px;padding-top: 15px">
                                <p>2018.08.08 星期三</p>
                            </div>
                            <div class="box-body text-left">
                                <p>By adding the class <code>.vertical</code> we achieve:</p>
                                <div class="progress vertical">
                                    <div class="progress-bar progress-bar-green" role="progressbar" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100" style="height: 40%">
                                        <span class="sr-only">访客量</span>
                                    </div>
                                </div>
                                <div class="progress vertical">
                                    <div class="progress-bar progress-bar-aqua" role="progressbar" aria-valuenow="20" aria-valuemin="0" aria-valuemax="100" style="height: 20%">
                                        <span class="sr-only">浏览量</span>
                                    </div>
                                </div>
                                <div class="progress vertical">
                                    <div class="progress-bar progress-bar-yellow" role="progressbar" aria-valuenow="60" aria-valuemin="0" aria-valuemax="100" style="height: 60%">
                                        <span class="sr-only">下单件数</span>
                                    </div>
                                </div>
                                <div class="progress vertical">
                                    <div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="80" aria-valuemin="0" aria-valuemax="100" style="height: 80%">
                                        <span class="sr-only">成交件数</span>
                                    </div>
                                </div>
                                <div class="progress vertical">
                                    <div class="progress-bar progress-bar-red" role="progressbar" aria-valuenow="90" aria-valuemin="0" aria-valuemax="100" style="height: 80%">
                                        <span class="sr-only">成交金额</span>
                                    </div>
                                </div>
                            </div>

                        </div>
                    </div>
                </div>
            </div>
        </div>
        <!--右侧显示信息-->
        <div class="col-md-4">
            <div class="box box-primary">
                <div class="box-header with-border">
                    <i class="fa fa-calendar"></i>
                    <h3 class="box-title">营销活动</h3>
                </div>
                <!-- /.box-header -->
                <div class="box-body">
                    <div class="box-body">
                        <h5 class="box-title">平台营销活动</h5>
                        <ul class="todo-list ui-sortable">
                            <li>
                                <span class="handle ui-sortable-handle">
                                    <i class="fa fa-ellipsis-v"></i>
                                    <i class="fa fa-ellipsis-v"></i>
                                </span>
                                <!-- todo text -->
                                <span class="text">设计一个很好的主题</span>
                                <!-- Emphasis label -->
                                <!-- General tools such as edit or delete-->
                                <div style="float: right">
                                    <small class="label label-danger"><i class="fa fa-clock-o"></i> 2 分钟</small>
                                </div>
                            </li>
                            <li>
                                  <span class="handle ui-sortable-handle">
                                    <i class="fa fa-ellipsis-v"></i>
                                    <i class="fa fa-ellipsis-v"></i>
                                  </span>
                                <input type="checkbox" value="">
                                <span class="text">使主题反应快速</span>
                                <div style="float: right">
                                    <small class="label label-info"><i class="fa fa-clock-o"></i> 4 小时</small>
                                </div>
                            </li>
                            <li>
                                  <span class="handle ui-sortable-handle">
                                    <i class="fa fa-ellipsis-v"></i>
                                    <i class="fa fa-ellipsis-v"></i>
                                  </span>
                                <input type="checkbox" value="">
                                <span class="text">使主题反应快速</span>
                                <div style="float: right">
                                    <small class="label label-info"><i class="fa fa-clock-o"></i> 4 小时</small>
                                </div>
                            </li>
                            <li>
                                  <span class="handle ui-sortable-handle">
                                    <i class="fa fa-ellipsis-v"></i>
                                    <i class="fa fa-ellipsis-v"></i>
                                  </span>
                                <input type="checkbox" value="">
                                <span class="text">使主题反应快速</span>
                                <div style="float: right">
                                    <small class="label label-warning"><i class="fa fa-clock-o"></i> 4 小时</small>
                                </div>
                            </li>
                            <li>
                                  <span class="handle ui-sortable-handle">
                                    <i class="fa fa-ellipsis-v"></i>
                                    <i class="fa fa-ellipsis-v"></i>
                                  </span>
                                <input type="checkbox" value="">
                                <span class="text">使主题反应快速</span>
                                <div style="float: right">
                                    <small class="label label-success"><i class="fa fa-clock-o"></i> 4 小时</small>
                                </div>
                            </li>
                        </ul>
                        <h5 class="box-title">商家营销活动</h5>
                        <ul class="todo-list ui-sortable">
                            <li>
                                <span class="handle ui-sortable-handle">
                                    <i class="fa fa-ellipsis-v"></i>
                                    <i class="fa fa-ellipsis-v"></i>
                                </span>
                                <!-- todo text -->
                                <span class="text">设计一个很好的主题</span>
                                <!-- Emphasis label -->
                                <!-- General tools such as edit or delete-->
                                <div style="float: right">
                                    <small class="label label-danger"><i class="fa fa-clock-o"></i> 2 分钟</small>
                                </div>
                            </li>
                            <li>
                                  <span class="handle ui-sortable-handle">
                                    <i class="fa fa-ellipsis-v"></i>
                                    <i class="fa fa-ellipsis-v"></i>
                                  </span>
                                <input type="checkbox" value="">
                                <span class="text">使主题反应快速</span>
                                <div style="float: right">
                                    <small class="label label-info"><i class="fa fa-clock-o"></i> 4 小时</small>
                                </div>
                            </li>
                            <li>
                                  <span class="handle ui-sortable-handle">
                                    <i class="fa fa-ellipsis-v"></i>
                                    <i class="fa fa-ellipsis-v"></i>
                                  </span>
                                <input type="checkbox" value="">
                                <span class="text">使主题反应快速</span>
                                <div style="float: right">
                                    <small class="label label-info"><i class="fa fa-clock-o"></i> 4 小时</small>
                                </div>
                            </li>
                            <li>
                                  <span class="handle ui-sortable-handle">
                                    <i class="fa fa-ellipsis-v"></i>
                                    <i class="fa fa-ellipsis-v"></i>
                                  </span>
                                <input type="checkbox" value="">
                                <span class="text">使主题反应快速</span>
                                <div style="float: right">
                                    <small class="label label-warning"><i class="fa fa-clock-o"></i> 4 小时</small>
                                </div>
                            </li>
                            <li>
                                  <span class="handle ui-sortable-handle">
                                    <i class="fa fa-ellipsis-v"></i>
                                    <i class="fa fa-ellipsis-v"></i>
                                  </span>
                                <input type="checkbox" value="">
                                <span class="text">使主题反应快速</span>
                                <div style="float: right">
                                    <small class="label label-success"><i class="fa fa-clock-o"></i> 4 小时</small>
                                </div>
                            </li>
                        </ul>
                    </div>
                </div>
                <!-- /.box-body -->
            </div>
        </div>
    </div>
</section>
</body>
</html>